<template>
  <PageWrapper dense contentFullHeight fixedHeight>
    <VFormDesign />
  </PageWrapper>
</template>

<script lang="ts" setup>
  import { PageWrapper } from '@mxpio/components/src/Page';
  import VFormDesign from './components/VFormDesign/index.vue';
  import CustomForm from './examples/CustomForm.vue';
  import { registerCustomComponents } from './core/formItemConfig';
  import CustomForm2 from './examples/CustomForm2.vue';

  // 注册外部自定义组件
  registerCustomComponents([
    {
      key: 'CustomForm',
      label: '自定义表单1',
      component: CustomForm,
    },
    {
      key: 'CustomForm2',
      label: '自定义表单2',
      component: CustomForm2,
    },
  ]);
</script>

<style lang="less" scoped></style>
